@font-face { font-family: 'PSLxDisplay';
	src: url('../fonts/PSLxDisplay bold.eot');
	src: local('☺'), url('../fonts/PSLxDisplay bold.woff') format('woff'), 
	url('../fonts/PSLxDisplay bold.ttf') format('truetype'), 
	url('../fonts/PSLxDisplay bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
html{ font-size:62.5%;}
body{ /*background:#96ca60;*/background:#ff9ea7; margin:0 auto; font-size:14px; font-size:1.4em;}
img{ max-width:100%; border:0;}

.container{ max-width:1000px; margin:0 auto; padding:0; overflow:hidden;}
ul{ list-style-type:none;}
a{ display:block; text-decoration:none;}
.bg{ width:100%; margin:0 auto;}
.bg img{ max-width:100%; width:100%;}

.col-50{ width:50%;}
.tab-white{ background:#FFF; width:100%; height:auto; margin:20px 0 20px;}
.btn3{ margin:0; padding:0; overflow:hidden;}
.btn3 ul{ margin:0; padding:0; overflow:hidden;}
.btn3 ul li{ float:left; text-align:center; width:33.33333%; padding:15px 50px;}
.btn3 ul li a img{ transition:all 0.5s ease-out;
			-webkit-transition:all 0.5s ease-out;
			-moz-transition:all 0.5s ease-out;
			-ms-transition:all 0.5s ease-out;
			-o-transition:all 0.5s ease-out;
			}
.btn3 ul li a:hover img{ margin-top:-10px;}

.box-regis, .box-3bb{ float:left;}
.bar-regis, .bar-3bb{ line-height:0;}
.bg-regis{ background:#cccccc; height:420px;}
.bg-3bb{ background:#bbdefb; height:420px;}

form{ padding:15px 15px; text-align:center;}
form label .font-psl{ font-size:16px; font-size:3rem; font-style:normal; font-family:PSLxDisplay; text-align:right; width:34%; float:left;}
form label input{ margin-top:6px; margin-left:5px;}
form label input[type="text"], form label input[type="tel"], form label input[type="email"]{ 
	width:58%; height:20px; padding-left:5px; margin-bottom:20px;
	}
form label p{ font-size:20px; font-size:2rem; font-family:PSLxDisplay; font-weight:bold; color:#903; margin:-10px 0 0 130px;}

.btn-game{ margin:5px 0 0; padding:0; float:left; overflow:hidden;}
.btn-game ul{ margin:0; padding:0; overflow:hidden;}
.btn-game ul li{ float:left; text-align:center; padding:0 15px 20px; width:33.3333%;}
.btn-game ul li a a{ display:block;}
.btn-game ul li a img{ max-width:100%;}
.btn-game ul li radio-circle{ float:left;}
.btn-game ul li span{ font-size:22px; font-size:2.2rem; font-family:PSLxDisplay;}

form .box-submit{ display:block;}
form .box-submit input[type="image"]{ margin-top:20px;}
.bottom{ margin-bottom:20px;}

.bg-footer{ /*background:#004d40;*/ background:#da003f; height:auto; width:100%; overflow:hidden;}
.logo-company{ margin:50px 0 40px; padding:0; overflow:hidden; float:left;}
.logo-company ul{ margin:0; padding:0; overflow:hidden;}
.logo-company ul li{ float:left; padding-right:10px;}

.name-company{ width:400px; margin-top:10px; padding:0 15px; overflow:hidden; float:left;}
.name-company p{ font-size:12px; font-size:1.2rem; color:#FF0;}
.name-company h6{ font-size:12px; font-size:1.2rem; color:#FFF; margin:0 0 10px; line-height:20px;}

.contact-company{ width:260px; margin-top:20px; padding:0 15px; overflow:hidden; float:right;}
.contact-company h6{ font-size:12px; font-size:1.2rem; color:#FFF; margin:0 0 10px; line-height:20px;}
.contact-company .btn-map{ margin-top:40px;}
.contact-company .btn-map span{ float:left; padding-right:10px; color:#FFF;}
.contact-company .btn-map span a{ color:#FF0;}
.contact-company .btn-map span a:hover{ color:#6F0;}

@media ( min-width:768px){
	.container{ max-width:750px;}
}

@media ( min-width:992px){
	.container{ max-width:970px;}
}

@media ( min-width:1200px){
	.container{ max-width:1000px;}
}

@media ( max-width:992px){
	.bg-regis, .bg-3bb{ height:600px;}
	.btn-game ul li{ width:50%;}
	form label p{ font-size:20px; font-size:2rem; margin:-10px 0 0;}
	form label .font-psl{ font-size:22px; font-size:2.2rem;}
	.logo-company{ margin:20px auto 0; float:left;}
	.logo-company ul li{ padding:0 15px;}
	.name-company{ float:right;}
	.contact-company{ width:100%; margin-top:20px; margin-bottom:20px; padding:0; text-align:center;}
	.contact-company h6{ margin:0; padding:0 15px;}
	.contact-company .btn-map{ margin:0 38%; margin-top:20px;}
	.contact-company .btn-map span{ padding:0 15px;}
}

@media ( max-width:768px){
	.btn3 ul li{ padding:15px 15px;}
	.logo-company{ margin:20px auto 0; float:none;}
	.logo-company ul li{ width:50%; text-align:center;}
	.logo-company ul li a img{ width:100%;}
	.name-company{ float:none; width:100%; text-align:center;}
}

@media ( max-width:695px){
	.bar-regis img, .bar-3bb img{ width:100%;}
	.box-regis, .box-3bb{ float:none; width:100%;}
	.bg-regis, .bg-3bb{ height:auto;}
	form label .font-psl{ width:25%;}
	form label input[type="text"], form label input[type="tel"], form label input[type="email"]{ width:70%;}
	form label input{ margin-left:0;}
	form label .font-psl{ font-size:30px; font-size:3rem;}
	form label p{ font-size:30px; font-size:3rem; text-align:center; margin:0;}
	.btn-game ul li{ width:33.3333%;}
}

@media ( max-width:674px){
	.contact-company .btn-map{ margin:0; margin-top:20px;}
	.contact-company .btn-map span{ padding:0 15px; width:33.3333%;}
}

@media ( max-width:617px){
	form label .font-psl{ width:30%;}
	form label input[type="text"], form label input[type="tel"], form label input[type="email"]{ width:60%;}
}

@media ( max-width:523px){
	form label .font-psl{ width:100%; text-align:center;}
	form label input[type="text"], form label input[type="tel"], form label input[type="email"]{ width:100%;}
}

@media ( max-width:467px){
	.btn-game ul li{ width:50%;}
}

@media ( max-width:380px){
	.btn3 ul li{ width:100%; float:none;}
}